<template>
  <div class="titlePons">
    <span>{{ text }}</span>
  </div>
</template>

<script>
export default {
  props: {
    text: {
      type: String,
      required: false,
      default: "",
    },
  },
  name: "titlePons",
  data() {
    return {};
  },
  methods: {},
  mounted() {},
};
</script>

<style  scoped>
.titlePons {
  width: 380px;
  height: 40px;
  color: #fff;
  text-indent: 17px;
  margin-left: 40px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  line-height: 40px;
  font-family: HYLXTJ;
  color: #c0d8f0;
  letter-spacing: 2px;
  font-size: 14px;
  font-style: oblique;
  background-image: url("~@/assets/images/energyManage/title.png");
}
</style>